<?php
$this->load->view('includes/header');
$this->load->view('includes/nav');
?>
<section id="LeapMainWrapper">
    
    <section id="magazineWrapper">
        <h1>Magazine</h1>
        <div class="magazineFlow">
            <?php foreach($articles as $key => $value){ ?>
            <article>

                <h3>
                    <a class="" href="#">
                        <?php echo $value['title'] ?>		
                    </a>
                </h3>

                <div class="article-thumb">
                    <a href="#">
                        <img width="105" height="105" title="Real-Time Geolocation Service with Node.js" alt="Real-Time Geolocation Service with Node.js" src="<?php echo $value['cover'] ?>" />					
                    </a>
                </div>

                <p class="article-txt">
                    <?php echo substr($value['shortdesc'],0,200); ?>
                    ...
                    <span> <a href="#">read more</a></span>
                </p>
                <p class="article-infos">
                    By <a class="author" href="/"><?php echo $value['author'] ?></a>
                    <time class="" pubdate="pubdate"><?php echo $value['uploaded_at'] ?></time>

                    <a title="Comment on Vertical Showcase Slider with jQuery and CSS Transitions" href="http://tympanus.net/codrops/2012/10/01/vertical-showcase-slider-with-jquery-and-css-transitions/#comments">9 Comments</a>
                </p>

                <div class="clr"></div>
            </article>
            <?php } ?>
            
        </div>
    </section>
    <?php $this->load->view('includes/sidebar'); ?> 
</section>

<?php

$this->load->view('includes/footer');
?>